<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<% 
	String context = request.getContextPath(); 
	String basePath = request.getServerName() + ":" + request.getServerPort() + context + "/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>button</title>
		<link rel="stylesheet" type="text/css" href="<%=context%>/microcore/commoncss/basics.css"/>
		<style stype="text/css">
			body{background:#BCD68D;line-height: 40px;padding:0 30px}
		</style>
	</head>
	<body>
		<h1>提示框</h1>
		<p>样式文件：commoncss/basics.css，<br />
			JS文件：plugins/alert.js<br />
			drag.js：plugins/drag.js，提示框的移动事件，不引用，则不能移动提示框
		</p>
		<h1>成功提示框：_alert(txt,fun)</h1>
		txt：提示信息内容；<br />
		fun：关闭提示框之后需要执行的方法，此参数为可选参数。<br />
		使用：<br />
		_alert("操作成功",function(){<br />
			&nbsp;&nbsp;//关闭提示框要执行的代码<br />
		})<br />或<br />
		_alert("操作成功");<br />
		例图：<br />
		<img src="img/alert.png" />
		
		<h1>警告提示框：_warn(txt,fun)</h1>
		txt：提示信息内容；<br />
		fun：关闭提示框之后需要执行的方法，此参数为可选参数。<br />
		使用：<br />
		_warn("警告",function(){<br />
			&nbsp;&nbsp;//关闭提示框要执行的代码<br />
		})<br />或<br />
		_warn("警告");<br />
		例图：<br />
		<img src="img/warn.png" />
		
		<h1>错误提示框：_error(txt,fun)</h1>
		txt：提示信息内容；<br />
		fun：关闭提示框之后需要执行的方法，此参数为可选参数。<br />
		使用：<br />
		_error("错误",function(){<br />
			&nbsp;&nbsp;//关闭提示框要执行的代码<br />
		})<br />或<br />
		_error("错误");<br />
		例图：<br />
		<img src="img/error.png" />
		
		<h1>信息确认提示框：_confirm(txt,fun(e))</h1>
		txt：提示信息内容；<br />
		fun(e)：关闭提示框之后需要执行的方法，e是一个boolean类型的返回值,点击确定按钮，返回true，取消返回false。<br />
		使用：<br />
		_confirm("确定删除",function(e){<br />
			&nbsp;&nbsp;//关闭提示框要执行的代码<br />
			&nbsp;&nbsp;if(e){<br />
				&nbsp;&nbsp;&nbsp;&nbsp;_alert("删除成功!")<br />
			&nbsp;&nbsp;}<br />
		})<br />
		例图：<br />
		<img src="img/confirm.png" />
	</body>
	<script src="<%=context%>/microcore/jquery-2.1.0.min.js"></script>
	<script src="<%=context%>/microcore/plugins/alert.js"></script>
	<script src="<%=context%>/microcore/plugins/drag.js"></script>
	<script src="<%=context%>/microcore/commonjs/basics.js"></script>
	<script>
		$(function(){
			_confirm("");
		})
	</script>
</html>
